<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>后代选择器</title>
	<style>
		/*
		后代选择器 又被称为包含选择器,用来选择元素或者元素的后代,
		通俗就是 父子关系的标签
		.class p {属性: 属性值}
		中间使用空格隔开
		*/
		div p {
			color: red;
		}
	</style>
</head>
<body>
   <p>王者荣耀</p>
   <div>
	   <p>王思聪</p>
   </div>
</body>

</html>
